import axios from 'axios'
import store from '@/store'
import { Message } from 'element-ui'
import router from '@/router'
const service = axios.create({
  baseURL: 'https://api-hmzs.itheima.net/v1/'
  // timeout: 5000 // request timeout
})

// 请求拦截器
service.interceptors.request.use(
  // 请求拦截器在发送之前要写到token进行验证
  // 请求拦截器是在一开始的时候使用的主要是用来验证token
  config => {
    const token = store.state.user.token
    if (token) {
      config.headers.Authorization = token
    }
    return config
  },
  error => {
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  response => {
    // 响应拦截器用来处理没法删除的错误信息
    if (response.data.code !== 10000) {
      Message.error(response.data.msg)
      return Promise.reject(response.data)
    } else {
      return response.data
    }
  },
  error => {
    // 响应拦截器用来处理接口给的错误信息
    // console.dir(error)
    // 处理token过期的问题
    // 401就是token过期的问题
    if (error.response.status === 401) {
      router.push('login')
      store.commit('user/reToken')
    }
    Message.error(error.response.data.msg)
    return Promise.reject(error)
  }
)

export default service
